.hs-panel {
	margin-top: 10px;
	padding: 0 1rem;
	background-color: #fff;

	.hs-panel-head {
		display: flex;
		font-size: 15px;
		height: 44px;
		align-items: center;
		font-weight: 700;
	}
}

.hs-list-item {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 0;
	border-top: 1px solid #ebedf0;

	.hs-list-item-left {
		color: #323233;
		flex: 1;
		text-align: left;
		font-size: 14px;
	}
	.hs-list-item-right {
		flex: 1;
		text-align: right;
		font-size: 13px;
		color: #999;
	}
}

.hs-table {
	.hs-table-row {
		font-size: 13px;
		display: flex;
		padding: 10px 0;
		border-top: 1px solid #ebedf0;
		.hs-table-col {
			flex: 1;
		}

		.hs-table-col.title {
			flex: 0 5rem;
		}

		.hs-table-col.center {
			text-align: center;
		}
	}
}

.remark {
	.remark-title {
		padding: 10px 0;
		color: #323233;
		font-size: 14px;
	}
	.remark-content {
		padding: 10px 0 1rem;
		font-size: 13px;
		color: #999;
	}
}

.hs-image-group {
	.hs-image-title {
		padding: 10px 0;
		color: #323233;
		font-size: 14px;
	}
	.hs-image-box {
		display: flex;
		flex-wrap: wrap;
		padding: 10px 0;
		
		.img {
			flex: 0 20%;
			max-height: 80px;
			padding-right: 5px;
			margin-bottom: 10px;
			box-sizing: border-box;
		}
		.img:nth-child(5n) {
			padding-right: 0;
		}
	}
}

.hs-list-border-top {
	border-top: 1px solid #ebedf0;
}
